/**
 * 实现左边框浮动的效果
 */
(function($){
    $.fn.smartFloat = function(){
        var position = function(element){
			var ptop = element.parent.top;
            var top = element.position().top, pos = element.css("position");//得到元素的top和position值
            $(window).scroll(function(){//监听窗体滚动条事件
                var scrolls = $(this).scrollTop();//滚动的距离
                if (scrolls > top) {//如果滚动了一定的距离，超过了top，那么就要修改属性
                    if (window.XMLHttpRequest) {//使用IE
                        element.css({
                            position: "fixed",
                            top: 0
                        });
                    } else {//其他的浏览器
                        element.css({
                            top: scrolls
                        });
                    }
                }  else {//没有超过距离
                    element.css({
                        position: pos,
                        top: top
                    });
                }
            });
        };
        return $(this).each(function(){
            position($(this));
        });
    };
})(jQuery);
